<template>
  <div>
    <el-container>
      <el-header>
        <h1 class="home_title">八维投票</h1>
      </el-header>
      <el-main>
        <div class="topic">投票信息</div>
        <div class="topic">投票信息</div>
        <div class="topic">投票信息</div>
        <div class="topic">投票信息</div>
        <div class="topic">投票信息</div>
        <div class="topic">投票信息</div>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
    data(){
        
    }
};
</script>
<style scoped>
.topic {
  background: red;
  display: inline-block;
  width: 20%;
  height: 200px;
  margin: 40px 40px 40px 40px;
}
.el-header {
  justify-content: center;

  align-items: center;

  display: -webkit-flex;
}
.home_title {
  color: #1a1a1a;
  display: inline;
  margin-left: 8px;
  font-size: 40px;
  background-image: linear-gradient(135deg, red, blue);
  -webkit-background-clip: text;
  color: transparent;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
}
</style>